<!--
 * @Description: 维护页面
 * @Author 卞鹏飞 <228443632@qq.com>
 * @create 04/01/25 AM7:38
 -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>升级维护页</title>
    <link rel="icon" href="./favicon.ico" />
    <link rel="stylesheet/less" type="text/css" href="./maintain-page.less" />
    <script src="./js/less.js"></script>
  </head>
  <body>
    <div id="app">
      <header class="app__header">
        <img src="./img/logo.png" class="app__header-logo" />
      </header>

      <article class="app__body">
        <div class="app__body-content">
          <img src="./img/img.png" lazy />
          <section class="py-33px pl-80px">
            <div class="text-32px mb-24px font-bold text-[#2D49D1]">消金业务服务平台升级中…</div>
            <div class="text-20px mb-12px leading-28px font-bold text-[#333]">尊敬的用户：</div>
            <div class="text-16px leading-28px text-[#666]">
              为了给您提供更优质、更完善的服务，我们正在对平台进行升级维护，
              由此给您带来的不便，敬请谅解！感谢对我们一如既往的支持与信任。
            </div>
          </section>
        </div>
      </article>
    </div>
    <script src="./js/unocss-runtime.js" defer onload="onLoadUnocssRuntime()"></script>
    <script>
      function onLoadUnocssRuntime() {
        setTimeout(() => {
          const appDom = document.querySelector('#app')
          appDom.style.opacity = 1
        }, 20)
      }
    </script>
  </body>
</html>
